<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 id="myh1" price="2000"> 华为p7 </h1>
    <a href="http://baidu.com"> 去百度 </a>
    <img class="myimg" src="../img/1.jpg" alt="">
    <a href="http://google.com"> Google </a>
    <h3 class="myimg"> 测试一下</h3>
</body>
 <p> 作业 , 4个div </p>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
<script>
 //上方4个div 能显示照片，要加上名字和价格属性
 var info =[ 
    {name:'华为', img: '1.jpg',price: 3000 },
    {name:'三星', img: '2.jpg',price: 4000 },
    {name:'苹果', img: '3.jpg',price: 5000 },
    {name:'vivo', img: '4.jpg',price: 6000 },
 ]


// id 只能找到1个
//   var a =  document.getElementById('myh1')
//   // 加属性  img.src 天生    h1.price 后天
//   a.setAttribute("price",5000);
 
//   a.innerHTML = '大番薯<img src="../img/1.jpg">';
//   a.innerText = '印度佛教<img src="../img/1.jpg">'


//   console.log( a );
// // a 标签 可能找到多个
//  var b = document.getElementsByTagName('a')
//  b[0].innerHTML = '大番薯'
//  console.log( b );
// // class名 可能找到多个
//  var c =  document.getElementsByClassName('myimg')
//  console.log( c );
//  c[0].src = '../img/16.jpg';

 // 让一个图片 在  1.jpg 2.jpg 3.jpg之间切换 每2秒换一次

//  var a =  document.getElementsByClassName('myimg');
//  var pic= ['1.jpg','12.jpg','23.jpg'];
//  var i =0 ;
//  setInterval(function(){
//      a[0].src = '../img/'+ pic[i++];
//      if(i>=3){
//         i=0;
//      }
//  },2000);


</script>

</html>